import React, { Component } from 'react'
import PropTypes from 'prop-types'
export default class UserInfo extends Component {
  // static defaultProps={
  //   title:'管理员中心',
  //   username:'李四',
  //   userlevel:'黄金会员',
  //   account:100
  // }
  static propTypes={
    title:PropTypes.string.isRequired,
    username:PropTypes.string,
    userlevel:PropTypes.string,
    account:PropTypes.number
  }
  render() {
    return (
      <div>
        <h1>{this.props.title}</h1>
        <ul>
            <li>姓名：{this.props.username}</li>
            <li>等级:{this.props.userlevel}</li>
            <li>余额：{this.props.account}</li>
        </ul>
      </div>
    )
  }
}

//类名.defaultProps={}
// UserInfo.defaultProps={
//     title:'会员中心',
//     username:'无名',
//     userlevel:'入门级会员',
//     account:0
// }

/*
  Props验证器的语法
  类名.propTypes={
    key:值
  }
*/
// UserInfo.propTypes={
//   title:PropTypes.string.isRequired,
//   username:PropTypes.string,
//   userlevel:PropTypes.string,
//   account:PropTypes.number
// }
